.panel {
  margin-bottom: 5px;
  border: 0;
  overflow: hidden;
  border-bottom: none !important;


  .title {
    position: relative;
    .icon {
      position: absolute;
      right: 0;
      top: 3px;
      transition: transform .24s;
    }
  }

  :global {
    .ant-collapse-header {
      padding: 10px 20px 0 20px !important;
      border-top: #dddddd 1px solid;
      &:hover {
        background-color: transparent !important;
      }
      &:before {
        content: " ";
        height: 14px;
        background-color: #aaa;
        width: 2px;
        position: absolute;
        top: 14px;
        left: 10px;
      }
      .arrow:before {
        display: none !important;
      }
    }
    .ant-collapse-content {
      border-top: none !important;
      padding: 0 6px 0 16px !important;
    }
    .ant-collapse-content-box {
      padding: 10px 0;
    }
  }
}
:global {
  .ant-collapse-item-active {
    :local {
      .title .icon {
        transform: rotate(180deg);
      }
    }
  }
}
.body{
  width: 225px;
  height: 800px;
  background: #FFFFFF;
  font-size: 12px;
  font-family: "PingFang SC Medium";
  :global{
    .ant-collapse-content{
      overflow: hidden;
      color: rgba(0, 0, 0, 0.65);
      padding: 0px 10px;
    }
  }
}
.inputUrl{
  background:#ffffff;
  border:1px solid #d8d8d8;
  width:200px;
  height:35px;
  display: flex;
  justify-content: space-between;
  & label{
    text-align: center;
    display: inline-block;
    width: 44px;
    height: 33px;
    line-height: 20px;
    border-right: 1px solid #d8d8d8;
  }
  & input{
    width: 136px;
    height: 33px;
    display: inline-block;
    margin-right: 10px;
    outline: none;
    border: none;
  }
}
.trigger{
  background:#f4f4f4;
  border:1px dashed #cccccc;
  width:200px;
  height:54px;
  margin-top: 10px;
  text-align: center;
  & div{
    width: 60px;
    height: 19px;
    margin: 10px auto 0 auto;
    position: relative;
    & i{
      background:#3082ff;
      border:1px solid #d8d8d8;
      width:17px;
      height:17px;
      position: absolute;
      border-radius:100%;
      &:nth-child(1){
        opacity: 0.2;
        left:0;
      }
      &:nth-child(2){
        opacity: 0.4;
        left:10px;
      }
      &:nth-child(3){
        opacity: 0.6;
        left:20px;
      }
      &:nth-child(4){
        opacity: 0.8;
        left:30px;
      }
      &:nth-child(5){
        opacity: 1;
        left:40px;
      }
    }
  }
  & p{
    cursor: pointer;
    color:#3082ff;
  }

}
.cengji{
  width: 138px;
  height: 40px;
  line-height: 30px;
  display: flex;
  justify-content: space-around;
  margin: auto;
  padding-top: 10px;
  font-size: 20px!important;
  label{
    font-size: 12px!important;

  }

}
